<template>
  <view class="content">
    <view class="main">
      <view class="list">
        <view class="detail"
              v-for="(item,index) in glist" :key="index"
              @tap="onEmploy(item)">
          <image :src="$isHttp(item.resumePic)" mode=""></image>
          <view class="detailRight">
            <view class="name">
              <text>{{item.resumeName}}</text><text class="position">{{item.positionName}}</text>
            </view>
            <view class="work">
              <text>工作经验：</text><text class="time">{{item.txtResumeExperience ||'暂无'}}</text>
              <text>学历：</text><text class="education">{{item.txtResumeEducation}}</text>
            </view>
            <view class="professional">
              <text>专业：</text><text class="professionalName">{{item.txtResumeMajor}}</text>
            </view>
            <view class="school">
              <text>学校：</text><text class="schoolName">{{item.txtUniversity}}</text>
            </view>
            <view class="about">
              <text v-if="status===1">投递时间：{{item.createTime}}</text>
              <text v-else>面试时间：{{item.interviewTime}}</text>
            </view>
          </view>
        </view>

      </view>

    </view>
  </view>
</template>

<script>

export default {
  components: {

  },
  props:{
    //数据
    glist:{
      type:Array,
      default(){
        return []
      }
    },
   status:{
      type:Number,
      default(){
        return 0
      }
    }
  },
  data() {
    return {
      mask: false
    }
  },
  methods: {
    onEmploy(item){
      this.$navigateTo(
          `/pages/myEmployInterviewing/myEmployInterviewing?id=${item.id}&status=${this.status}`
      )
    },
    //跳转列表对应页面
    nextPage(url) {
      uni.navigateTo({
        url: url,
        fail() {
          uni.switchTab({
            url: url,
            fail() {
              uni.showToast({
                title: '暂未开通，敬请期待！',
                icon: 'none'
              });
            }
          });
        }
      });
    },
    //加载状态
    load(){
      this.$emit('load')
    }
  }
}
</script>

<style lang="scss" scoped>
.content{
  padding: 30rpx 25rpx;
  .list{
    margin-bottom: 100rpx;
    box-shadow: 0 13rpx 57rpx 0 rgba(207, 215, 222, 0.32);
    .detail{
      margin-bottom: 20rpx;
      padding: 30rpx;
      display: flex;
      align-items: center;
      background: #FFFFFF;
      border-radius: 10rpx;
      image{
        width: 170rpx;
        height: 210rpx;
        border-radius: 10rpx;
      }
      .detailRight{
        margin-left: 30rpx;
        font-size: 22rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #969799;
        .name{
          margin-bottom: 10rpx;
          font-size: 28rpx;
          font-family: PingFang SC;
          font-weight: bold;
          color: #323233;
          .position{
            margin-left: 20rpx;
            padding: 0 8rpx;
            background: #F19868;
            border-radius: 11rpx;
            font-size: 24rpx;
            color: #FFFFFF;
          }
        }
        .work{
          margin-bottom: 8rpx;
          .time{
            margin-right: 50rpx;
            color: #323233;
          }
          .education{
            color: #323233;
          }
        }
        .professional{
          margin-bottom: 8rpx;
          .professionalName{
            color: #323233;
          }
        }
        .school{
          margin-bottom: 8rpx;
          .schoolName{
            color: #323233;
          }
        }
        .about{

        }
      }
    }
  }
}
</style>

